


body
	{
		background-color: SandyBrown;
	}


p
	{
		font-size:1.2em;
		background-color:AntiqueWhite;
		text-indent: 10%;
		font-size: 20px;
        background-image: url(../pictures/background/background1.jpg);  
        background-size: 5%;  
        background-repeat: repeat-x;
	}

ul 
	{
		background-color: LightGray;
		font-color: Black;
	}

li 
    {
        color: DarkSlateGray;
        font-size:80%;
        font-color: Black;
        margin-left: 100px;
        background-color: LightBlue;
    }

h1
    {
    	font-size: 20px;
        background-image: url(../pictures/background/background1.jpg);  
        background-size: auto;  
        background-height: 10%;
        background-repeat: repeat-x;
    }

h3
    {
        font-size: 1.5em;
        background: border-box;
        bacground-color: red;
    }

em
    {
        font-size: 20pt;
    }

strong
    {
        font-size: 250%;
    }
    
fieldset
	{
		background-color:LightGray;
		border-radius: 5%;
	}
	



@media print
 	{
 		body { font-size: 3em; }
		
    }
    
#glowny

	{
		text-shadow: -4px 4px 6px dimgrey;
		font-size: 400%;
	
	
	}
	
	
#NBP
	{
		-webkit-transition: -webkit-transform 4s;
		-moz-transition: -moz-transform 4s;
		-o-transition: -o-transform 4s;
		transition: transform 4s;
	}
	
#NBP:hover
	{
		-webkit-transform: rotate(360deg) scale(2, 2);
		-moz-transform: rotate(360deg) scale(2, 2);
		-o-transform: rotate(360deg) scale(2, 2);
		transform: rotate(360deg) scale(2, 2);
	}
	
	
	
	
#rzyg
         {
            position: relative;
            -webkit-animation: movingimage linear 10s 1s 2 alternate;
            -moz-animation: movingimage linear 10s 1s 2 alternate;
            animation: movingimage linear 10s 1s 2 alternate;
         }
         @-webkit-keyframes movingimage 
         {
            0%   {opacity: 0; left: 50px; top: 0px;}
            25%  {opacity: 1; left: 0px; top: 50px;}
            50%  {opacity: 0; left: 50px; top: 100px;}
            75%  {opacity: 1; left: 100px; top: 50px;}
            100% {opacity: 0; left: 50px; top: 0px;}
         }
         @-moz-keyframes movingimage 
         {
            0%   {opacity: 0; left: 50px; top: 0px;}
            25%  {opacity: 1; left: 0px; top: 50px;}
            50%  {opacity: 0; left: 50px; top: 100px;}
            75%  {opacity: 1; left: 100px; top: 50px;}
            100% {opacity: 0; left: 50px; top: 0px;}
         }
         @keyframes movingimage
         {
            0%   {opacity: 0; left: 50px; top: 0px;}
            25%  {opacity: 1; left: 0px; top: 50px;}
            50%  {opacity: 0; left: 50px; top: 100px;}
            75%  {opacity: 1; left: 100px; top: 50px;}
            100% {opacity: 0; left: 50px; top: 0px;}
         }
         
         
         
         
#cover 
         {
            position: relative;
            margin: 0 auto;	
         }
#cover img 
         {
         	
            position: absolute;
            left: 0;
            -webkit-transition: opacity 4s ease-in-out;
            transition: opacity 4s ease-in-out;
         }
#cover img.top:hover 
            { 
            
            opacity:0; 
            
            
            }
            
#paskudnik
	{
		border-left: 20px;
	
	}            